<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>工作单导入</title>
<base href="/bestinc/" />
<!-- 引入layUI的css -->
<link rel="stylesheet" href="static/layui/css/layui.css" media="all">
<link rel="stylesheet" href="static/css/xadmin.css" />
<link rel="stylesheet" href="static/css/util.css" />
<script type="text/javascript" src="static/js/jquery.min.js"
	charset="utf-8"></script>
<!-- 引入layui的js -->
<script src="static/layui/layui.js" type="text/javascript"
	charset="utf-8"></script>

<script type="text/javascript" src="static/js/xadmin.js" charset="UTF-8"></script>
<script type="text/javascript" src="static/js/delivery/jobImport/jobImport.js"
	charset="utf-8"></script>
</head>
<body>
	<!-- 单页面刷新 -->
	<div class="x-nav"
		style="width:; border-radius: 5px; margin: 5px; border: 1px solid #eee;">
		<span class="layui-breadcrumb" style="visibility: visible;"> <a
			href="javascript:;">首页</a><span lay-separator="">/</span> <a
			href="javascript:;">演示</a><span lay-separator="">/</span> <a> <cite>工作单导入</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right; height: 30px;"
			onclick="location.reload()" title="刷新"> <i
			class="layui-icon layui-icon-refresh" style="line-height: 30px"></i></a>
	</div>
	<!-- 按钮区域 -->
	<div class="layui-btn-group" style="margin: 5px;">
		<button type="button" class="layui-btn layui-btn-primary" id="import">
			<i class="layui-icon">&#xe67c;</i> 下载与导入
		</button>
		<button type="button"
			class="layui-btn layui-btn-primary layui-btn-disabled" id="create"
			disabled="disabled">
			<i class="layui-icon">&#xe62a;</i> 生成工作单号
		</button>
		<button type="button"
			class="layui-btn layui-btn-primary layui-btn-disabled" id="arrange"
			disabled="disabled">
			<i class="layui-icon">&#xe613;</i> 安排取派员
		</button>
		<button type="button"
			class="layui-btn layui-btn-primary layui-btn-disabled" id="save"
			disabled="disabled">
			<i class="layui-icon">&#xe608;</i> 受理
		</button>
		<button type="button" class="layui-btn layui-btn-primary" id="explain">
			<i class="layui-icon">&#xe678;</i> 填写说明
		</button>
	</div>
	<div id="dataTable" class="layui-collapse" lay-accordion
		style="margin: 5px; border-radius: 5px;">
		<div class="layui-colla-item">
			<h2 class="layui-colla-title">工作单表格</h2>
			<div class="layui-colla-content layui-show" style="padding: 0px;">
				<!-- 数据显示table -->
				<div lay-templateid="TPL_layout">
					<!-- 基础档案数据表格 -->
					<table class="layui-hide" id="jobsTable"
						lay-filter="jobsTableEvent">

					</table>
				</div>
			</div>
		</div>
	</div>

	<!-- 文件上传模态框 -->
	<div id="addWrapModal" class="definedModal" style="padding-left:30px; color: #999;">
		<div class="layui-form-item">
			<h3 style="size:16px; text-algin: left !important;">请选择你要导入的数据文件:</h3>
		</div>
		<!-- 文件拖拽上传 -->
		<div class="layui-form-item" style="text-align: center;margin-top: 50px;">
			<div class="layui-upload-drag" id="test10">
				<i class="layui-icon"></i>
				<p>点击上传，或将文件拖拽到此处</p>
			</div>
		</div>
		<div class="layui-form-item" style="text-align: center;margin-top: 70px;">
			<button type="button" class="layui-btn" id="export">批量导入</button>
		</div>
	</div>

	<!-- 安排取派员 -->
	<div id="arrangeModal" class="definedModal">
		<table class="layui-table" id="tb" style="align: center;margin-left: 22px;">
			<colgroup>
				<col width="150">
				<col width="150">
				<col width="200">
				<col>
			</colgroup>
			<thead>
				<tr>
					<th>工作单号</th>
					<th>寄件人</th>
					<th>寄件人手机</th>
					<th>品名</th>
					<th>物品重量</th>
					<th>寄件人地址</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
		<!-- 穿梭框 -->
		<div id="aipAreaStaffFransfer" class="demo-transfer" style="margin: 50px 20px 0px 109px;">
		</div>
	</div>
	
	<div id="explainModal" class="definedModal" style="padding-left:30px; color: #666; font-size: 16px;">
		<div class="modal-body">
			<p style="margin-top: 20px;">1)下载EXCEL空白格式模板,填充数据</p>
			<p style="margin-top: 20px;">2)模板中红色字体的列为必填项;</p>
			<p style="margin-top: 20px;">3)选择已下载填写完成的模板,点击文件上传导入;</p>
			<p style="margin-top: 20px;">4)点击批量生成工作单号按钮生成工作单号</p>
			<p style="margin-top: 20px;">5)点击指定取派员按钮指定取派员</p>
			<p style="margin-top: 20px;">6)保存操作结果</p>
		</div>
	</div>
	
</body>
</html>